<!-- 精选内容上 -->
<template>
  <div class="jxnrs">
    <img :src="src" alt="">
    <div class="jxnrs1">
      <h3>{{hs}}</h3>
      <p class="jxnrs2">{{py}}</p>
      <div class="jxnr3">
        <p class="jxnr4">{{pe}}</p>
        <p class="jxnr5" >{{ps}}</p>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  components: {},
  data() {
    return {
    };
  },
  props:["src","hs","py","pe","ps"],
  computed: {},
  watch: {},
  methods: {},
  created() {},
  mounted() {},
};
</script>
<style scoped>
.jxnrs2 {
  word-break: break-all;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.jxnrs {
  display: flex;
  margin-top: 0.2rem;
  margin-bottom: 0.2rem;
}
img {
  margin-right: 0.2rem;
  width: 1.21rem;
}
h3 {
  font-size: 0.28rem;
  color: #4c4c4c;
}
.jxnrs2 {
  font-size: 0.24rem;
  margin-top: 0.1rem;
}
.jxnr3 {
  display: flex;
  font-size: 0.2rem;
  margin-top: 0.1rem;
}
.jxnr5 {
  border: 1px solid #4199dd;
  margin-left: 0.1rem;
}
</style>